<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button [routerLink]="['/tab/contact']">
        <ion-icon routerLinkActive="router-link-active" name="chevron-back-outline"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>
      {{record.yourName?record.yourName:""}}
    </ion-title>
    <ion-buttons slot="primary">
      <ion-button>
        <ion-icon slot="icon-only" ios="ellipsis-horizontal" md="ellipsis-vertical"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<ion-content [fullscreen]="true">
  <ion-list>
    <ion-item>
      <ion-avatar slot="start">
        <img src="./assets/avatar.jpg">
      </ion-avatar>
      <ion-label>
        <h2>{{record.yourName?record.yourName:record.sysUserDto.petname}}</h2>
      </ion-label>
    </ion-item>
    <ion-item>
      <ion-label>
        <h2>设置备注</h2>
      </ion-label>
    </ion-item>
  </ion-list>

</ion-content>
<ion-footer>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button id="changeText" [routerLink]="['/chat/one/', record.yourId]">
        <ion-icon slot="start" name="chatbubble-outline"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-buttons slot="end">
      <ion-button id="changeText" onClick="toggleText()">
        <ion-icon slot="start" name="refresh"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>